<template>
	<div>
		<div class="top"></div>
		<div class="nav">
			<menus :menus="menus"></menus>
		</div>
		<div class="content">
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
	import menus from '../components/menus/menus.vue'
export default{
	components: {
		menus
	},
		name: "Manager",
		data(){
			return{
				menus:[],
			}
		},
		methods:{
		loadMenus() {
			this.$http.get("/menu/loadManagerMenu").then(resp => {
				if (resp.data.statusCode == 200) {
					this.menus = resp.data.data
				}
			})
		},
		},
		created(){
		this.loadMenus();
		}
		
	}
</script>

<style>
/* 	*{
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	} */
	.top{
		position: absolute;
		top: 0;
		left: 0;
		height: 100px;
		width: 100%;
		background-color: darkgray;
	}
	.nav{
		position: absolute;
		top:100px;
		width: 170px;
		bottom: 0;
		background-color: #FA911E;
		
	}
	.content{
		position: absolute;
		top: 100px;
		left: 170px;
		bottom: 0;
		right: 0;
		background-color: blanchedalmond;
	}
</style>
